@charset "utf-8";
$fontSize:100;
@function r($p) {
    @return $p/$fontSize*1rem;
}
section{
    width: 47.6%;
    max-width: 915px;
    margin: r(160) auto r(160);
}
.center_tit{
    text-align: center;
}
.right_tit{
    text-align: right;
}
.about_tit{
    font-size: 40px;
    padding: r(64) 0;
}
.about_cont{
    font-size: 16px;
    line-height: 28px;
    padding-bottom: r(82);
}
.about_or{
    >img{
        width: 100%;
    }
}
.about_img{
    margin-top: r(16);
    overflow: hidden;
    >img{
        float: right;
        width: 34.2%;
        padding-left: r(24);
    }
}
.design{
    margin-top: 20px;
}
.design_img{
    margin-top: 16px;
    overflow: hidden;
    >img{
        width: 63.8%;
    }
}
.design_smlimg{
    display: inline-block;
    float: right;
    width: 34.2%;
    vertical-align: top;
    >img{
        width: 100%;
    }
    >img:nth-child(2){
        padding-top: r(14);
    }
}
.brand{
    margin-top: 20px;
}
.foot{
    background: rgba(15,15,15,0.7);
}
@media only screen and (max-width: 768px){
    section{
        width: 90%;
        margin: r(260) auto;
    }
    .about_tit{
        font-size: 30px;
    }
    .about_cont{
        font-size: 14px;
        line-height: 24px;
    }
}
